<template>
  <div class="container">
    <div class="top">
      <el-card>
        <el-form ref="Ref" :model="Form" class="formlog">
          <el-form-item>
            <slot name="left" />
            <el-input v-model="Form.region" placeholder="请输入" style="width:270px" />
          </el-form-item>
          <el-form-item>
            <slot name="middle" />
            <el-input v-model="Form.name" placeholder="请输入" style="width:270px" />
          </el-form-item>
          <el-form-item>
            <p>仓库状态</p>
            <el-select v-model="Form.value" style="width:270px">
              <el-option
                v-for="item in arr"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-form-item>
          <div class="right">
            <el-button type="primary" round @click="search">搜索</el-button>
            <el-button round>重置</el-button>
          </div>
        </el-form>
      </el-card>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      Form: {
        // 表单内容
        region: '',
        name: '',
        value: '全部'
      },
      arr: [
        { value: 0, label: '停用' },
        { value: 1, label: '启用' },
        { value: 2, label: '全部' }
      ]
    }
  },
  methods: {
    search() {

    }
  }
}
</script>

<style lang="scss">
.top {
  margin-bottom: 20px;
}
.formlog {
  display: flex;
  justify-content: space-around;
}
.right {
  margin-top: 65px;
  margin-left: 55px;
}
</style>
